/*重置mui样式*/
.mui-bar-nav{ background: #fff;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{ border:none; padding-top: 60px;}
.mui-table-view:before ,.mui-table-view-cell:after ,.mui-table-view:after{ /*background: none;*/}
.mui-slider .mui-slider-group .mui-slider-item img{ height: initial;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ border-bottom: 2px solid #EA2520; color: #EA2520;}
.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{ background: #EA2520;}
.mui-segmented-control{ font-size: 15px;}
.mui-picker ,.mui-poppicker{ background: #fff;}
.mui-poppicker-body{ border-top: 1px solid #F3F3F3;}
.mui-poppicker{ border: none;}
.mui-bar-nav ,.boxShadow{ box-shadow: 0 1px 3px rgba(0, 0, 0, .04); z-index: 9; position: fixed; left: 0; right: 0; background: #fff;}
/*个人信息*/
#userInfo_list ul:before ,#userInfo_list ul:after{ height: 0;}
#userInfo_list li{ padding: 15px;}
#userInfo_list li a{ margin: -15px;}
#userInfo_list li:after{ background: #f2f2f2;}
#userInfo_list li p.lh42{ line-height: 42px; font-size: 15px;}
.infoList li{ font-size: 17px; }
.infoList li span{ color: #888; font-size: 15px;}
.infoList li span em{ color: #384049; padding-right: 20px;}
.avar_img{ width: 60px; height: 60px; border-radius: 50%; position: absolute; right: -5px; top: -15px; box-shadow: 0 4px 10px rgba(0,0,0,.05); }
.photo_img{ width: 42px; height: 42px; border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,.05);}
.arr_right{ display: inline-block; width: 6px; height: 10px; position: relative; top: 0px;}

/*绑定邮箱*/
.form{ padding: 10px;}
.form_email{ display: flex; justify-content:flex-start; background: #F2F2F2; border-radius: 0; position: relative; margin: 20px 30px;}
.form_email input{ margin: 0; border: none; border-bottom: 1px solid #eee; border-radius: 0; padding: 10px 0px; font-size: 14px;}
.form_email input::-webkit-input-placeholder{ color: #9DA1A6;}
.form_email input:focus{ border-bottom: 1px solid #EA2520;}
.form_email span ,.code_input span{ display: inline-block; height: 45px; line-height: 45px; color: #333; font-size: 13px; padding-left: 25px; position: relative;}
.form_email span:nth-child(1) ,.code_input span:nth-child(1){  width: 30px; padding-left: 10px;}
.form_email span input ,.code_input span input{ border-radius: none; border: none; margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid #ddd;}
.form_email span input::-webkit-input-placeholder ,.code_input span input::-webkit-input-placeholder{ color: #aaa; font-size: 14px;}
.form_code{ display: flex; justify-content: space-between; margin-bottom: 10px;}
.code_input{ display: flex; justify-content: flex-start; background: #F2F2F2;}
.code_get{ padding-left: 10px;}
.code_get a{ display: inline-block; background: #FB3833; color: #fff; font-size: 15px; width: 124px; height: 45px; line-height: 45px; border-radius: 5px; text-align: center;}
.comfirm_btn{ padding: 30px 30px 40px;}
.comfirm_btn button{ display: block; width: 100%; box-shadow:0px 3px 16px rgba(225,29,24,0.4);}
.comfirm_btn button:active{ box-shadow: none;}
.agreement{ text-align: center; font-size: 12px; color: #ADADAD; padding-top: 10px;}
.agreement a{color: #FF293D;}
.w90p{ width: 90%;}

/*修改密码*/
.form_email span.icon_phone ,.form_email span.icon_yzm ,.form_email span.icon_pwd{ display: inline-block; width: 20px; height: 20px; position: absolute; left: 0px; top: 0px; margin: 10px 0;}
.form_email span.icon_phone{ background: url(../images/icon_phone.png) no-repeat; background-size: cover;}
.form_email span.icon_yzm{ background: url(../images/icon_yzm.png) no-repeat; background-size: cover;}
.form_email span.icon_pwd{ background: url(../images/icon_pwd.png) no-repeat; background-size: cover;}

/*我的收藏*/
#collection_lists .collectTab{ box-shadow: 0 1px 3px rgba(0, 0, 0, .04); z-index: 9; position: fixed; left: 0; right: 0; background: #fff;}
.news_nr li{ padding: 10px 15px; font-size: 15px;}
.news_nr li a ,.news_nr li h4{ color: #384049; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; font-size: 15px; line-height: 1.5; text-align: justify;}
.newsList{ padding-top: 10px;}
.newsList ul li.mui-table-view-cell:after{ height: 0;}
.news_nr li .time{ text-align: right; color: #888; padding: 10px 0 5px; font-size: 13px;}
.donePrice{ display: flex; justify-content: space-between; padding-top: 10px;}
.donePrice .price{ color: #f00;}

/*课程*/
.course_nr ul{ padding-bottom: 20px;}
.course_nr li{ margin-top: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}

/*书城*/
.read_nr ul{ padding-bottom: 20px;}
.read_nr li{ margin-top: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}
.data-list .mui-table-view-cell:after{ height: 0;}

.pop_product{ padding: 20px 0px; margin-top: -20px;}
.product_show{ padding: 20px 15px 0;}
.product_show ul{ display: flex; flex-wrap: wrap;}
.product_show li{ width: 48%; padding-bottom: 10px!important; text-align: center; margin-bottom: 10px;}
.product_show li:nth-child(odd){ margin-right: 4%;}
.product_show li.mui-table-view-cell:after{ height: 0;}
.product_show li span img{ width: 100%; margin: 0 0%; border: 1px solid #eee; }
.product_ms{ font-size: 14px; color: #2D353E; padding: 5px 10px 5px 0; height: 50px; text-align: left;}
.product_price{ font-size: 14px; color: #EA2520; display: block; text-align: left; font-weight: bold;}
.product_price em{ font-weight: normal;}
.result{ padding-top: 150px;}
.result_pic ,.result_txt{ text-align: center;}
.result_pic img{ width: 100px;}

/*我的订单*/
.bgBlueGrey{ background: #FAFAFF;}
#my_order .course_list ,#my_order1 .course_list{ padding: 20px 15px;}
#my_order .course_list a ,#my_order1 .course_list a{ margin: -20px -15px;}
#my_order .fixOrder ,#my_order1 .fixOrder{ position: fixed; left: 0; right: 0; z-index: 9; background: #fff;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active em{ display: block; height: 2px; background: #ED0000; width: 100%; margin: 0 auto;}
.box_item{ padding: 0 15px;}
.orderNum_status{ display: flex; justify-content: space-between; padding: 20px 0;}
.orderNum{ font-size: 13px; color: #aaa;}
.orderStatus{ font-size: 13px; font-weight: bold;}
.hadPayStatus{ color: #178BFF;}
.successStatus{ color: #33CC33;}
.noPayStatus{ color: #FF9933;}
.refundedStatus{ color: #FF0000;}
.closeStatus{ color: #999;}
.orderBox ,.course_order ,.orderDetail{ background: #fff; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}
.orderBox:active{ background: none!important;}
.orderOtherBg{ background: none; box-shadow: none;}
.p2015{ padding: 20px 15px; display: flex;}

.finishPayStatus{ color: #384049;}
.tt_txt{ width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.orderName{ display: flex; justify-content: space-between;}
.orderName img{ margin-right: 10px;}
.orderName p{ height: 45px; font-size: 15px; color: #000; line-height: 1.5; }
#my_order .mui-slider .mui-slider-group .netCourse ,#my_order1 .mui-slider .mui-slider-group .netCourse{ width: 160px; height: 90px; }
#my_order .mui-slider .mui-slider-group .mallCourse ,#my_order1 .mui-slider .mui-slider-group .mallCourse{ width: 90px; height: 90px;}
#my_order .mui-slider .mui-slider-group .eBookCourse ,#my_order1 .mui-slider .mui-slider-group .eBookCourse{ width: 63px; height: 90px;}
.model{ display: flex; justify-content: space-between; color: #aaa;}
.orderTimePrice{ display: flex; justify-content: space-between; padding: 20px 0;}
.orderTime{ color: #aaa; font-size: 13px;}
.orderPrice{ color: #EA2520; font-size: 13px; font-weight: bold;}
.order_btns{ text-align: right;}
.order_cancel_btn ,.order_comfirm_btn{ display: inline-block; padding-left: 10px;}
.orderBox .box_item .order_cancel_btn img ,.orderBox .box_item .order_comfirm_btn img{ width: 100px; height: 30px;}
.orderBox:active ,.box_item:active{ background: #eee;} 
.mui-slider .mui-slider-group .noOrderPic{ text-align: center; margin: 150px 0 20px;}
.mui-slider .mui-slider-group .noOrderPic img{ width: 100px;}
.mui-slider .mui-slider-group .noOrderTxt{ text-align: center; font-size: 14px; color: #aaa;} 
#order_detail ul:before ,#order_detail ul:after{ background: none; }

/*弹出层*/
.popMask{ display: none; position: fixed; z-index: 15; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4);}
.popPay{ display: none; position: fixed; z-index: 15; left: 0; right: 0; bottom: -100%; width: 100%; background: #fff; }
.payCont{ padding: 15px 0;}
.pay_tt{ position: relative;}
.pay_tt h4{ text-align: center; font-size: 17px; font-weight: bold; color: #2D353E;}
.pay_tt img{ position: absolute; left: 0; top: 0; width: 16px; height: 16px;}
.pay_btn{ display: block; text-align: center;}
/*.pay_way{ padding: 30px 0;}
.pay_way li{ display: flex; justify-content: space-between; padding: 15px;}
.pay_way li:after ,.pay_way ul:before ,.pay_way ul:after{ height: 0;}
.pay_way li span{ height: 30px; font-size: 14px;}
.pay_way li span em{ display: inline-block; line-height: 30px;}
.pay_wx img ,.pay_zfb img{ width: 30px; height: 30px; border-radius: 50%; float: left; margin-right: 10px;}
.pay_btn img{ max-width: 360px; height: 60px;}*/
.pay_way{ padding: 30px 0 60px;}
.pay_way ul li{ padding: 15px;}
.pay_way .mui-table-view.mui-table-view-radio:before ,.pay_way .mui-table-view.mui-table-view-radio:after ,.pay_way .mui-table-view .mui-table-view-cell:after{ height: 0;}
.pay_way .mui-table-view.mui-table-view-radio li a{ font-size: 14px; line-height: 20px; margin: -15px -65px -15px -15px;}
.wx_bg ,.zfb_bg{ width: 20px; height: 20px; border-radius: 50%; display: inline-block; margin-right: 15px; float: left;}
.wx_bg{ background: url(../images/icon_wx.png) no-repeat; background-size: 100%;}
.zfb_bg{ background: url(../images/icon_zfb.png) no-repeat; background-size: 100%;}
.pay_sel ,.chosen{ display: inline-block; background: url(../images/pay_sel.png) no-repeat; background-size: 16px; width: 16px; height: 16px; position: relative; top: 2px;}

/*订单详情页*/
.orderDetail{ padding: 15px;}
.kf_box ,.showOrderNum ,.createTime ,.totalPrice ,.freight ,.discount ,.finalPrice{ display: flex; justify-content: space-between; font-size: 14px; color: #2D353E; line-height: 40px;}
.showAddrInfo{ padding-bottom: 20px;}
.nameTel{ display: flex; justify-content: space-between;}
.nameTel span{ font-size: 14px; color: #2D353E;}
.nameTel img{ width: 16px; height: 16px; margin-right: 5px; position: relative; top: 2px;}
.showAddr{ padding: 10px 0 0 20px; font-size: 14px; color: #888;}
.fix_button_group{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff; box-shadow: 0 -2px 4px rgba(0,0,0,.05);}
.buttonGroup{ display: flex; float: right; padding: 10px 15px;}
.buttonGroup a{ display: inline-block; margin-left: 10px; padding: 0 30px;}
.buttonGroup a.qxdd_btn{ background: transparent; border: 1px solid #fd4b46; color: #fd4b46; box-sizing: border-box;}
.buttonGroup a.qxdd_btn:active{ background: #eee;}
.buttonGroup a.disabledBtn{ background: #fff; border:1px solid #ccc; color: #ccc;}
.buttonGroup img{ width: 130px;}

/*意见反馈*/
.feedback_nr{ padding: 30px 15px;}
.textArea{ padding: 10px; height: 250px; overflow-y: scroll; border: 1px solid #eee; background: #F8F8F8; font-size: 14px; text-align: justify;}
.feedTips{ text-align: center; font-size: 12px; color: #BEBEBE;}
.feed_btn{ position: relative; padding: 5%;}
.feed_btn a{ display: block; width: 100%; }

/*课程顾问*/
.consultant_list{padding-bottom: 20px;}
.consultant_list ul{ box-shadow: 0 2px 4px rgba(0,0,0,.05);}
.consultant_list li{ font-size: 15px;  }
.kefu-active{ background: #f2f2f2;}
.consultant_list li a{ display: flex; justify-content: space-between; padding: 15px 0; line-height: 36px; font-size: 15px;}
#list_box li a img{ border-radius: 50%; border: 1px solid #F5F5F5; height: 36px; line-height: 36px; max-width: 36px; margin-right: 15px;}
.gwImg{ display: flex; flex-wrap: wrap;}
.gwImg img{ width: 46px; height: 46px; border-radius: 50%; border: 1px solid #F5F5F5;}
.gwImg em{ padding-left: 15px; padding-top: 12px;}
.gw_arr{ padding-top: 13px;}
.gw_arr img{ width: 6px; height: 10px;}
.sepLine2{ height: 1px; border-bottom: 1px solid #F7F7F7;}

/*顾问详情*/
.curKefu{ display: flex; justify-content: space-between; background: #fff; padding: 15px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}
.kefuTips{ padding: 15px 15px 0; font-size: 12px; color: #aaa;}
.gw_detail .mui-table-view:before ,.gw_detail .mui-table-view:after ,.gw_detail .mui-table-view .mui-table-view-cell:last-child:after{ height: 0;}
.gw_detail ul{ background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.05);}
.gw_detail li{ font-size: 15px;}
.gw_detail li span.mui-pull-right{ color: #999;}
.gwName{ line-height: 46px; font-size: 15px; color: #999;}
.gwDialog{ display: none; width: 280px; height: 160px; background: #fff; position: absolute; left: 0; right: 0; top: 150%; bottom: 0; z-index: 999; margin: -80px auto 0; border-radius: 10px;}
.gwConfirm{ padding: 0 15px; display: table-cell; vertical-align: middle; width: 280px; height: 116px;}
.gwConfirm p{ font-size: 16px; color: #000; font-weight: bold; text-align: left;}
.dialog_btn{ position: absolute; left: 0; right: 0; bottom: 0; height: 44px; line-height: 44px; display: flex; justify-content: space-around; border-top: 1px solid #ddd;}
.dialog_btn a{ width: 50%; text-align: center; color: #007AFF;}
.dialog_btn a:first-child{ border-right: 1px solid #ddd;}

.fix_kf{ position: absolute; left: 0; right: 0; bottom: 40px;}
.fix_kf_btn{ padding: 0 20%; text-align: center;}
.fix_kf_btn a{ display: block; }
/*版本更新弹窗*/
.popUpdate{ display: none; position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 267px; height: 356px; border-radius: 5px; background: #fff;}
.updateInfo{ position: relative; padding: 25px 30px 0;}
.updateInfo img{ width: 200px;}
.updateInfo h4{ font-size: 12px; font-weight: bold; color: #000; text-align: center; padding: 20px 0;}
.updateInfo em{ background: #EA2520; color: #fff; border-radius: 5px; font-size: 10px; padding: 0px 2px; margin-left: 5px;}
.updateInfo p{ font-size: 13px; color: #9FA4AF;}
.updateBtn{ display: flex; justify-content: space-around; font-size: 15px; color: #6A6A75; padding-top: 40px;}

/*会员中心*/
.member_vbg{ background-position: center top; background-repeat: no-repeat; background-size: 100%; position: relative; z-index: 5; border-radius: 10px;     box-shadow: 0 5px 20px rgba(0,0,0,.2); }
/*.vbg_mg{ background-image: url(../images/vbg_mg.png);}*/
/*.vbg_by{ background-image: url(../images/vbg_by.png);}*/
/*.vbg_hj{ background-image: url(../images/vbg_hj.png);}*/
/*.vbg_bj{ background-image: url(../images/vbg_bj.png);}*/
/*.vbg_zs{ background-image: url(../images/vbg_zs.png);}*/
.memberInfo{ margin: 40px 40px 60px;}
.img_nickName{ display: flex; padding: 20px;}
.img_nickName span{ height: 36px;}
.img_nickName img{ width: 36px; height: 36px; border-radius: 50%;}
.nickName{ font-size: 16px; color: #fff; line-height: 36px; height: 36px; padding-left: 10px;}
.vip_expires{ font-size: 13px; padding:5px 20px 10px; color: rgba(255,255,255,.5);}
.vipFlag{ position: absolute; right: 20px; bottom: 20px; font-size: 50px; font-weight: bold; color: rgba(255,255,255,.1);  }
.vip_level1{ padding: 50px 20px 0; font-size: 13px; color: rgba(255,255,255,.5);}
.level_show{ padding: 0px 15px;}
.level_box{ padding-bottom: 35px; position: relative;}
.level_item{ display: flex; justify-content: space-between;}
.level_name_buy{ display: flex;}
.level_name_buy span{ height: 26px;}
.level_badge{ margin-right: 15px;}
.level_badge img{ height: 26px;}
.level_name{ font-size: 15px; color: #384049; line-height: 26px;}
.arr_down{ display: inline-block; background: url(../images/arr_down.png) no-repeat; background-size: 16px; width: 16px; height: 16px; margin-left: 5px; position: relative; top: 5px;}
.arr_up{ display: inline-block; background: url(../images/arr_up.png) no-repeat; background-size: 16px; width: 16px; height: 16px; margin-left: 5px; position: relative; top: 8px;}
.levelBtn a{ position: absolute; right: 0; top: 0; display: inline-block; width: 60px; height: 26px; text-align: center; line-height: 26px; background: #F0AD4E; color: #fff; font-size: 15px; border-radius: 13px;}
.levelBtn a.level_xf{ background: #E2C382;}
.level_info{ display: none;}
.level_info p{ padding: 15px 0;}
.level_info p span{ font-size: 14px!important; text-align: justify;}

/*关于我们*/
.aboutUs{ padding: 30px 15px 0;}
.about_pic{ text-align: center;}
.version{ text-align: center; padding-top: 10px;}
.about_pic img{ width: 60px; height: 60px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.about_nr{ padding-top: 38px;}
.about_nr p{ font-size: 14px; color: #384049; padding-bottom: 20px; line-height: 1.6; text-align: justify;}
.about_foot{ }
.about_tel{ text-align: center; padding: 15px 0 15px;}
.about_tel span{ font-size: 14px; color: #384049; font-weight: bold;}
.about_tel a{ font-size: 14px; color: #EA2520; font-weight: bold;}
.copy{ font-size: 12px; text-align: center; color: #999;;}

/*设置*/
#SETbox{ font-size: 15px;}
#SETbox li{ padding: 15px;}
#SETbox li a{ margin: -15px;}
#SETbox li:after{ background: #F1F1F1;}
#SETbox ul:after{ height: 0;}
#version{ position: absolute; right: 40px;}
.bg_line{ height: 30px; background: #F8F8F8;}
.exitApp{ text-align: center; font-size: 16px; color: #EA2520; padding: 15px 0;}

/*vip订单详情页*/
.vip_order{ padding: 20px 0 0;}
.vip_order_info{ display: flex; padding: 20px;}
.vip_rank_pic{ margin-right: 15px;}
.vip_rank_pic img{ width: 142px; height: 90px;}
.vip_order_price{ flex: 1;}
.vip_level{ font-size: 15px; color: #2D353E;}
.vip_level_price{ padding-top: 40px; text-align: right; font-size: 14px; color: #EA2520;}
.courseConsultant{ display: flex; justify-content: space-between; padding: 20px; font-size: 15px;}
.cc_r span{ color: #888888;}
.courseArrow{ padding-left: 20px;}
.courseArrow img{ width: 6px; height: 10px;}
.popConsultant{ display: none; position: fixed; z-index: 99; left: 0; right: 0; bottom: -100%; width: 100%; background: #fff; }
.popCont{ position: relative;}
.payHeight{ height: 320px;}
.pop_tt{ position: relative; padding: 15px;}
.colsePay{ float: left; height: 16px;;}
.pop_tt h4{ text-align: center; font-size: 16px; font-weight: bold; color: #2D353E;}
.pop_tt img{width: 16px; height: 16px;}
.consultantSel{ padding-bottom: 50px;}
.consultantSel ul{ padding-bottom: 10px;}
.consultantSel ul:before ,.consultantSel ul:after{ height: 0;}
.consultantSel li{ padding: 15px; font-size: 14px; color: #2D353E;}
.consultantSel li:after{ background: #ececec; right: 15px;}
.useBtn{ position: absolute; bottom: 10px; left: 15px; right: 15px; z-index: 10;}
.useBtn a{ display: block; background: #EA2520; color: #fff; width: 100%; text-align: center; padding: 0; font-size: 15px; height: 38px; line-height: 38px; border-radius: 19px;}

.fix_vip_order{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; background: #F4F4F4;}
.fix_vip_info{ display: flex; justify-content: space-between; padding: 15px;}
.fix_vprice{ font-size: 17px; font-weight: bold; color: #384049;  padding-top: 8px;}
.fix_vprice em{ padding-left: 5px;}
.fix_vbtn a{ display: inline-block; background: #EA2520; padding: 0px 25px;}

/*帮助中心详情页*/
#help_list ul:after{ background: none;}
#help_list li:last-child:after{ height: 1px;}
#help_list li{ padding: 15px;}
#help_list li a{ margin: -15px;}
.helpDetail{ padding: 20px 15px;}
.helpDetail h3{ font-size: 18px; text-align: left; padding-bottom: 10px; line-height: 1.5;}
.help_nr{ color: #666;}
.help_nr p{ line-height: 1.5; padding-bottom: 10px; text-indent: 2em; color: #555; text-align: justify;}
.agree{ text-align: center; padding-top: 10px; color: #ADADAD;}
.agree a{ color: #FF293D;}

.protocol a{ display: block; text-align: center; font-size: 12px; color: #999; text-decoration: underline;}

[v-cloak] {
    display: none;
}